<template>
	<view>
		<u-navbar :border-bottom='false' back-icon-size='48' title="详情"></u-navbar>
		<view class="tab-bar">
			<u-tabs :list="tabList" :bar-style='barStyle' :is-scroll="false" :current="current" @change="tabChange" active-color="#333333" bar-height='4' bar-width='64' :bold='false'></u-tabs>
		</view>
		<view class="content">
			<view class="lable">
				酒店介绍
			</view>
			<view class="cont">
				13132
			</view>
		</view>
		<view class="content">
			<view class="lable">
				设施服务
			</view>
			<view class="cont">
				131321313
			</view>
		</view>
		<view class="content">
			<view class="lable">
				预订须知
			</view>
			<view class="cont">
				131321313455
			</view>
		</view>
		<view class="content">
			<view class="lable">
				周边信息
			</view>
			<view class="cont">
				4646616
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				barStyle: {
					background: 'linear-gradient(180deg, #6ABCFC 0%, #048FFE 100%)'
				},
				current:0,
				tabList:[
					{
						name:"酒店介绍"
					},
					{
						name:"设施服务"
					},
					{
						name:"预订须知"
					},
					{
						name:"周边信息"
					}
				]
			}
		},
		methods:{
			tabChange(index){
				this.current = index
			}
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.content {
		padding: 0 28rpx 20rpx;
	}
</style>
